@import 'public.css';
@import 'http://at.alicdn.com/t/font_au47lxxydrla0pb9.css';


// .iconfont{
// 	font-family:"iconfontyyy" !important;
// 	font-size:16px;font-style:normal;
// 	-webkit-font-smoothing: antialiased;
// 	-webkit-text-stroke-width: 0.2px;
// 	-moz-osx-font-smoothing: grayscale;
// }


$headFontColor: #fcc800;

$zhutiColor: #82b440;

$tubHover: #5b9910;





.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 


@mixin line-clamp ($line) {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break:break-all ;
	-webkit-line-clamp: $line;
	-webkit-box-orient: vertical;
}


// @include line-clamp(2);





div#PhotoPreview{
	position: fixed;
	width: 100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:999;
	display:none;
	div.txit{
		width: 100%;
		height: 70px;
		border-bottom:1px solid #fff;
		>span{
			display: block;
			width: 100px;
			height: 100%;
			line-height:70px;
			text-align: center;
			color: #fff;
			i{
				font-size: 40px;
			}
		}
	}
	#PhotoPreviewSw{
		position: absolute;
		top: 90px;
		left: 20px;
		right: 20px;
		bottom:20px;
		.swiper-slide{
			.tb{
				width: 100%;
				height: 100%;
				display: table;
				.td{
					width: 100%;
					height: 100%;
					display: table-cell;
					text-align: center;
					vertical-align: middle;
					>img{
						vertical-align: middle;
						max-width: 100%;
						max-height: 100%;

					}
				}
			}
		}
		#pageindphontos{
			color: #fff;
			font-size: 26px;
		}

	}
}


div.headInd{
	font-size:30px;
	line-height:60px;
	color:#555555;
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
	span{
		color: $zhutiColor;
	}
}

div.share{
	width:750px;
	background-color:#363636;
	text-align: center;
	height: 80px; 
	a{
		margin: 0 80px;
		display: inline-block;
		>i{
			font-size: 60px;
			color: #fff;
			line-height: 80px;
		}
	}
}

section#Max_Con{
	width:750px;
	// height:100%;
	position: relative;
	// overflow-x: hidden;
	// overflow-y: scroll;
	padding-top:92px;
	-webkit-overflow-scrolling : touch;
}


header#indHead{
	width: 750px;
	background-color: #fff;
	position: fixed;
	top:0;
	left:0;
	z-index:990;
	>a.logo{
		float: left;
		display: block;
		width: 400px;
		margin: 0 auto;
		height: 92px;
		// border-bottom: 4px solid #e5e5e5;
		text-align: center;
		>img{
			height: 100%;
		}
	}

	nav.indNav{
		float: right;
		height: 92px;
		// background-color:$zhutiColor;
		// position: relative;
		padding-top:14px;
		span.but{
			display: block;
			width: 60px;
			height: 60px;
			float: right;
			margin-right: 30px;
			text-align: center;
			>i{
				color: #fcc800;
				font-size: 50px;
				line-height: 60px;
			}

		}
		a.leng{
			display: block;
			width: 60px;
			height: 60px;
			float: right;
			margin-right: 20px;
			line-height: 60px;
			font-size: 36px;
			text-align: center;
			color: #fcc800;
		}




		div#NavContent{
			width: 100%;
			position: absolute;
			top: 92px;
			left: 0;
			display: none;
			background-color: rgba(0,0,0,0.6);

			div.searchForm{
				width: 100%;
				height: 120px;
				padding:20px 0 20px 115px;
				>input{
					display: block;
					float: left;
					width: 480px;
					height: 100%;
					font-size: 26px;
					padding: 0 20px;
					border:0;
					border-radius:8px;
				}
				span#searchBut{
					display: block;
					float: left;
					margin-left: 15px;
					width: 120px;
					height: 100%;
					text-align: center;
					border-radius:8px;
					background-color:#fcc800;
					line-height: 80px;
					color: #fff;
					font-size: 26px;
				}
			}

			div.leng{
				width: 100%;
				line-height: 140px;
				text-align: right;
				padding: 0 40px;
				color: #fff;
				>a{
					color: #fff;
					margin:0 40px;
					font-size: 22px;
				}
			}

		}


		ul.NavList{
			width: 100%;
			>li{
				height: 88px;
				line-height: 88px;
				color: #fff;
				>a{
					display: block;
					width: 100%;
					height: 100%;
					color: #fff;
					font-weight: bold;
					font-size: 26px;
					text-transform: uppercase;
					text-align: center;


				}
				>a.active{
					color: #fcc800;
					background-color:rgba(0,0,0,0.3);

				}
			}
		}


	}
}



footer#MyFooter{
	width:100%;
	height:98px;
	background-color:#222222;
	color:#fff;
	text-align:center;
	div.link{
		display: block;
		width: 100%;
		padding-top:10px;
		>a{
			display: inline-block;
			padding: 0 15px;
			color: #999;
			font-size: 24px;
		}
	}
	p{
		font-size: 20px;
		width: 100%;
		margin-top: 20px;
		color: #888;
	}
}
div.moerCon{
	>a{
		margin: 0 auto;
		display: block;
		width: 178px;
		height: 53px;
		background-image: url(../images/public/moer.png);
	}
}


section.index{
	div.IndBanner{
		width: 100%;
		height: 295px;

		img{
			width: 750px;
			height: 295px;
		}

		.swiper-pagination-bullet{
			width: 10px;
			height: 10px;
			background-color:#fff;
			opacity: 1;
		}
		.swiper-pagination-bullet-active{
			background-color:$zhutiColor;
		}
		div.banerWordCn{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.ani{
			position: absolute;
			left: 97px;
			color: #fff;
		}
		p.ind1{
			top: 46px;
			font-size: 26px;
			text-transform: uppercase;
			text-shadow: 5px 5px 15px rgba(0,0,0,0.5);

		}
		p.ind2{
			top: 90px;
			font-size: 26px;
			text-transform: uppercase;
			text-shadow: 5px 5px 15px rgba(0,0,0,0.5);

		}
		p.ind3{
			top:140px;
			font-size: 20px;
			text-shadow: 5px 5px 15px rgba(0,0,0,0.5);
		}
		a.ani{
			top: 180px;
			font-size: 12px;
			display: block;
			width: 102px;
			height: 26px;
			line-height: 26px;
			border:2px solid #fff;
			text-align: center;
		}
	}

	div.whatwedo{
		height: 300px;
		background-image: url(../images/public/what.png);
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;

		ul.navC{
			>li{
				position: absolute;
				width: 130px;
				height: 130px;
				border-radius: 50%;
				border:1px solid $zhutiColor;
				padding:7px;
				background-color:#fff;
				a{
					display: block;
					width: 100%;
					height: 100%;
					background-color: $zhutiColor;
					border-radius:50%;
					text-align: center;
					div.icon{
						width: 100%;
						height: 50%;
						padding-top:10px;
						i{
							color: #fff;
							font-size: 30px;
							line-height: 50px;
							border-bottom:1px solid #fff;
						}
					}
					p{
						font-size: 12px;
						color: #fff;
						text-transform: uppercase;
					}

				}
			}
			>li.one{
				bottom:16px;
				left: 100px;
			}
			>li.two{
				top:75px;
				left: 312px;
			}
			>li.three{
				top:35px;
				right: 102px;
			}
		}
	}


	div.ANNOUNCEMENTS{
		width: 100%;

		ul.ANNList{
			width: 100%;
			>li{
				width: 100%;
				margin-top: 40px;
				padding: 0 20px;
				width: 100%;
				display: block;
				div.timeCom{
					width: 175px;
					float: left;
					font-size: 24px;
					color: #000000;
					font-weight: bold;
				}
				div.RigCon{
					width: 530px;
					float: right;
					>a{
						display: block;
						width: 100%;
						font-weight: bold;
						>p{
							font-size: 24px;
							color: #2d2d2d;
							font-weight: bold;

						}
						span{
							display: block;
							color: #aeaeae;
							text-transform: uppercase;
							font-size: 24px;
							margin-top:20px; 
						}
					}

				}

			}
		}
		
	}



	div.FEATURED{
		width: 100%;
		margin-top: 50px;
		background-color: #f1f1f1;
		padding: 40px 0 ;
		ul.newsList{
			width: 100%;
			padding:0 125px;
			>li{
				width: 100%;
				margin-bottom: 50px;
				>a{
					display: block;
					width: 100%;
					div.imgc{
						width: 100%;
						height: 330px;
						overflow: hidden;
						>img{
							width: 100%;
						}
					}
					div.time{
						float: left;
						font-size: 26px;
						color: $zhutiColor;
						font-weight: bold;
						line-height: 70px;
					}
					div.word{
						float: left;

						font-size: 26px;
						color: #000;
						font-weight: bold;
					}
				}
			}
		}
	}
	div.FIGURES{
		margin-top:20px;
		.swiper-containertwo{
			width: 100%;
			height: 194px;
			.swiper-slide{
				width: auto;
				height: 100%;
				padding:40px 40px 0;
				color: #fff;
				background-color:$zhutiColor;
				text-align: center;
				div.came{
					width: 100%;
					font-size: 56px;
				}
				p.name{
					font-size: 20px;
					text-transform: uppercase;
					font-weight: bold;
				}
			}
			.swiper-slide:nth-child(2n){
				background-color: #5b9910;
			}
		}
	}



	div.photos{
		margin-top: 20px;
		div.nav{
			margin-top: 10px;
			height: 40px;
			.swiper-containertwo{
				width: 100%;
				height:100%;
				.swiper-slide{
					width: auto;
					height: 100%;
					padding:0 24px;
					>a{
						font-size: 24px;
						color: #2f2f2f;
						line-height: 40px;
						text-transform: uppercase;
						font-weight: bold;
					}
					>a.active{
						color: $zhutiColor;
					}
				}

			}
		}

		ul.headIndList{
			width: 100%;
			padding: 20px 95px;
			>li{
				width: 265px;
				height: 200px;
				float: left;
				margin-top: 30px;
				margin-left: 30px;
				>a{
					display: block;
					width: 100%;
					height: 100%;
					>img{
						width: 100%;
					}

				}
			}
			>li:nth-child(1){
				height: 410px;
				margin-left: 0px;

			}
		}
	}


	div.video{
		width: 100%;
		padding:40px 20px;
		background-color:#f1f1f1;
		div.videoCon{
			width: 100%;
			height: 400px;
			>img{
				width: 100%;
			}
			video{
				width: 100%;
				height: 100%;
			}
		}
	}




	div.PRICES{
		width: 100%;
		padding:40px 20px;
		div.PRICESCn{
			width: 100%;
			height: 380px;
			background-color:#a7c581;
			color: #fff;
			padding:50px 65px;
			div.word{
				width: 100%;
				float: left;
				text-align: left;
				text-transform: uppercase;
				.p1{font-size:30px; font-weight: bold;}
				.p2{font-size:28px;margin-top:20px;margin-top:140px;text-align:right;}
				.p3{font-size:42px; margin-top:20px; float: left;}
				.p4{font-size:38px; text-align:right;margin-top:20px;}
			}

		}


	}


	div.DOWNLOAD{
		width: 100%;
		padding:40px 0;
		background-color:#f1f1f1;
		overflow: hidden;
		div.DOWNLOADlist{
			width: 100%;
			.swiper-DOWNLOADlist{
				width: 480px;
				height: 570px;
				overflow: visible;
				.swiper-slide{
					a{
						display: block;
						width: 366px;
						height: 480px;
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: -240px;
						margin-left: -183px;
						border:2px solid $zhutiColor;
						text-align: center;
						padding-top: 70px;
						transition: all 0.7s;
						transform: scale(1);
						.head{
							font-size: 26px;
							color: #000;
							font-weight: bold;
							text-transform: uppercase;
							color: $zhutiColor;
						}
						.iconC{
							height: 180px;
							line-height: 180px;
							width: 100%;
							height: 180px;
							position: absolute;
							bottom:30px;
							left: 0;
							i{
								font-size: 100px;
								line-height: 180px;
								color: $zhutiColor;

							}
						}
						p{
							margin-top: 20px;
							font-size: 20px;
							color: #999;
							line-height: 40px;
							padding:0 20px;
							@include line-clamp(3);
						}
					}

				}
				.swiper-slide-active{
					a{
						transform: scale(1.1);
					}
				}
			}
		}
	}


	div.Subsidiaries{
		width: 100%;
		height: 250px;
		background-image: url(../images/public/back.png);
		padding-top:26px;
		div.SubsidiariesList{
			width: 100%;
			padding: 0 113px;
			margin-top: 30px;
			position: relative;
			.SubsidiariesListCn{
				width: 100%;
				height: 90px;
				.swiper-slide{
					width: 240px;
					margin: 0 10px;
					img{
						width:100%; 
					}
				}

			}


		}

		.button-prev{
			width: 33px;
			height: 50px;
			background-image: url(../images/public/left.png);
			left: 80px;
		}

		.button-next{
			width: 33px;
			height: 50px;
			background-image: url(../images/public/right.png);
			right: 80px;

		}

	}




}




section.about{

	div.company{
		width: 100%;
		p{
			width: 100%;
			float: left;
			padding: 0 80px;
			color:#333;
			font-size: 26px;
			// text-align: center;
		}
		div.moer{
			float: right;
			width: 100%;
			padding: 0 80px;
			text-align: right;
			font-size: 20px;
			color: $zhutiColor;
			>a{
				color: $zhutiColor;

			}
		}

		
	}

	div.yearList{
		width: 100%;
		height: 70px;
		margin-top: 30px;

		.swiper-wrapper{
			margin-left: 30px;
			width: 100px;
			height: 70px;
			text-align: center;
			font-size: 30px;
			color: #85909d;
			font-weight: bold;
		}

		.actcve{
			color: $zhutiColor;
			font-size: 36px;

		}
		.actcve:after{
			content: '';
			border-top:10px solid $zhutiColor;
			border-left:10px solid $zhutiColor;
			border-right:10px solid rgba(0,0,0,0);
			border-bottom:10px solid rgba(0,0,0,0);
			position: absolute;
			top: 50px;
			left: 36px;
			transform: rotate(45deg);
		}
	}


	ul.incident{
		width: 100%;
		padding:20px;
		>li{
			width: 100%;
			padding-top:24px;
			padding-bottom: 44px;
			border-bottom:1px solid #e6e6e6;
			text-align: center;
			div.text{
				font-size: 24px;
				color: #333;
			}
			div.imgc{
				overflow: hidden;
				img{
					max-width: 100%;
					min-width: 200px;
				}

			}
		}
	}



	div.KeyFacts{
		width: 100%;
		height: 180px;
		background-image:url(../images/public/fuyebank_02.jpg);
		background-size:100% 100%;
		ul.KeyFactslist{
			padding: 0 40px;
			>li{
				float: left;
				width: 25%;
				text-align: center;

				.iconC{
					i{
						font-size: 50px;
						color: $zhutiColor;

					}
				}
				.nunber{
					font-size: 20px;
					color: #666;
					font-weight: bold;
				}
				p{
					font-size: 12px;
					color: #999;
				}


			}

		}
	}


	div.Corporate{
		padding-top:50px;
		padding-bottom:30px;
		ul.CorporateList{
			width: 100%;
			padding: 0 125px;
			>li{
				margin-top: 40px;
				width: 100%;
				border:1px solid $zhutiColor;
				>a{
					display: block;
					width: 100%;
					div.head{
						height: 50px;
						color: $zhutiColor;
						text-align: center;
						line-height: 50px;
						font-size: 20px;
						font-weight: bold;
						text-transform: uppercase;
					}
					div.imgc{
						width: 100%;
						height: 280px;
						>img{
							width: 100%;
						}
					}
				}
			}
		}

	}

	div.Responsibility{
		padding-top:10px;
		background-color:#ececec;
		padding-bottom:50px;
		p.info{
			width: 100%;
			float: left;
			text-align: center;
			line-height: 32px;
			color: #666;
			font-size: 20px;
			padding: 0 80px;

		}
		ul.Responsibilitylist{
			width: 100%;
			padding:40px 20px 20px;
			>li{
				float: left;
				width: 25%;
				>a{
					display: block;
					text-align:center;
					.iconC{
						width: 68px;
						height: 68px;
						margin: 0 auto;
						border-radius: 50%;
						border:1px solid $zhutiColor;
						text-align: center;
						line-height: 66px;
						box-shadow: 0px 0px 15px #82b541;

						i{
							color: $zhutiColor;
							font-size: 30px;

						}

					}

					p{
						width: 100%;
						text-align: center;
						color: #666;
						margin-top: 15px;
					}

				}
			}
		}
		div.wordInfo{
			float: left;
			padding:20px;
			width: 100%;
			div.ind{
				color: #000;
				font-size: 26px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			p{
				margin-top: 5px;
				font-size: 24px;
				color: #363636;
				line-height: 37px;
			}
		}
	}


}


section.research{
	div.Overview{
		width: 100%;
		p.info{
			padding:20px 115px;
			color: #333;
			font-size: 20px;
			width: 100%;
			float: left;
		}
		ul.IndList{
			width: 100%;
			padding: 0 97px;
			background-image:url(../images/public/backrecth.png);
			>li{
				width: 33.33%;
				height: 157px;
				float: left;
				color: #fff;
				text-align: center;
				div.ind{
					padding-top:52px;
					font-size:34px;

				}	
				p{
					font-size: 20px;
				}


			}
			// >li:nth-child(2n){
			// 	background-color:$zhutiColor;
			// }
		}

	}

	div.PHOTOS{
		width: 100%;
		ul.PHOTOSList{
			width: 100%;
			// padding-left: 20px;
			padding-bottom:20px;
			>li{
				width: 345px;
				height: 200px;
				float: left;
				margin-top: 20px;
				margin-left: 20px;
				>a{
					display: block;
					width: 100%;
					height: 100%;
					overflow: hidden;
					>img{
						width: 100%;
					}
				}
			}
		}
	}

	div.Institutions{
		width: 100%;
		div.mapCon{
			width: 100%;
			padding:20px;
			div.mapHead{
				background-color: $zhutiColor;
				height: 40px;
				line-height:40px;
				color: #fff;
				font-size: 20px;
				font-weight: bold;
				text-align: center;
			}
		}
	}
}




section.porducts{
	div.FEATUREDPRODUCTS{
		background-image:url(../images/public/bg-slider.jpg);
		background-size:100%;
		height: 360px;
		position: relative;
		div.line{
			width: 100%;
			height: 75px;
			// background-color:$zhutiColor;
			position: absolute;
			top: 130px;
			left: 0;
		}
		div#featuredSweiper{
			width: 100%;
			height: 300px;
			margin-top: 5px;
			.swiper-pagination-bullet{
				width: 12px;
				height: 12px;
				border:1px solid $zhutiColor;
			}

			.swiper-pagination-bullet-active{
				background-color: $zhutiColor;
			}

			div.head{
				position: absolute;
				left: 70px;
				top: 5px;
				font-size: 30px;
				color: #666;
				text-transform: uppercase;

			}
			div.imgC{
				position: absolute;
				top: 0;
				right: 40px;
				width: 197px;
				height: 264px;
				overflow: hidden;
				>img{
					width: 100%;
				}
			}
			div.shopList{
				position: absolute;
				top: 145px;
				left: 70px;
				width: 440px;
				text-align: center;
				>a{
					display: inline-block;
					width: 118px;
					height: 118px;
					overflow: hidden;
					margin-right:28px;
					box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
					>img{
						width: 100%;
					}
				}
			}
		}
	}


	div.searchour{
		padding-top: 20px;
		background-color:#f8f8f8;
		div.searchList{
			width: 100%;
			padding:20px 20px 20px;
			background-color:#fff;
			.title{
				float: left;
				width: 330px;
				font-size: 24px;
				color: #666;
				line-height:40px;
				padding-left: 10px;
			}
			#OneSearch{
				display:block;
				float: left;
				width: 310px;
				height: 40px;
				border:1px solid $zhutiColor;
				padding-left:20px;
				padding-right:20px;
				color: $zhutiColor;
				font-size: 24px;
				position: relative;

			}
			#TwoSearch{
				display:block;
				float: left;
				width: 225px;
				height: 40px;
				border:1px solid $zhutiColor;
				// background-color:$zhutiColor;
				color: $zhutiColor;
				font-size: 24px;
				padding-left:20px;
				padding-right:20px;
				margin-left: 20px;

			}
			div.forminput{
				float: right;
				width: 136px;
				height: 40px;
				border:1px solid $zhutiColor;
				border-radius:4px;
				position: relative;
				overflow: hidden;
				input{
					width: 100%;
					height: 100%;
					padding-left: 10px;
					padding-right:50px;
					border:0;

				}
				div.iconC{
					position: absolute;
					top:1px;
					right:1px;
					width: 100%;
					height: 38px;
					line-height:38px;
					color: $zhutiColor;
					text-align: center;
					font-size: 24px;
					font-weight: bold;
					background-color: #f8f8f8;
					i{
						font-size: 24px;
					}
				}

			}
		}


		ul.searchourlist{
			width: 100%;
			padding:60px 20px;
			>li{
				width: 100%;
				margin-top: 40px;
				>a{
					display: block;
					width: 100%;
					>div.imgC{
						float: left;
						width: 230px;
						height: 230px;
						overflow: hidden;
						>img{
							width: 100%;
						}
					}
					div.word{
						width: 460px;
						float: right;
						>div.head{
							font-size: 24px;
							color: #000;
							text-transform: uppercase;
							font-weight: bold;

						}
						div.describe{
							font-size: 24px;
							color: #666;
							margin-top: 25px;
						}
						p{
							font-size:24px;
							color: #000;
							line-height:40px;
							@include line-clamp(4);

						}

					}
				}
			}

		}

	}


	div.SELLERS{
		width: 100%;
		margin-top: 30px;
		background-color: #fff;
		padding-bottom:50px;
		div#SELLERS_Swiper{
			margin-top: 20px;
			width: 100%;
			.swiper-slide{
				width: 270px;
				height: 320px;
				background-color: #e7e7e7;
				padding:10px;
				margin-left: 20px;
				>a{
					display:block;
					width: 100%;
					>div.imgC{
						width: 100%;
						height: 250px;
						overflow: hidden;
						>img{
							width: 100%;
						}
					}
					p{
						margin-top: 8px;
						font-size: 24px;
						color: $zhutiColor;
						text-transform: uppercase;
						@include line-clamp(1);

					}
				}

			}

		}	
	}
	
}






section.investor{
	div.investorNews{
		padding-top:10px;
		padding-bottom:40px;
		background-color:#f7f7f7;
		ul.Overviewlist{
			width: 100%;
			padding:20px;
			>li{
				width: 100%;
				padding:20px 0;
				>a{
					display: block;
					width: 100%;
					padding-left:20px;
					>div.imgC{
						width: 165px;
						// height: 150px;
						// background-color:$zhutiColor;
						// padding: 6px;
						// overflow: hidden;
						float: left;

						>img{
							width: 100%;
						}
					}
					div.word{
						width: 510px;
						float: right;
						padding-right:20px;
						>div.head{
							width: 100%;
							font-size: 26px;
							color: #000;
							font-weight: bold;
							text-transform: uppercase;
						}
						div.info{
							font-size: 24px;
							color: #979696;
							line-height: 36px;
							@include line-clamp(3);

						}

					}

				}
			}
		}
	}

	

	div.StockInformation{
		padding-bottom:40px;
		padding-top:20px;
		div.detaInfo{
			margin-top: 20px;
			width: 100%;
			background-color:#a7cb7a;
			padding:30px 100px 30px 50px;
			color: #fff;
			div.ind{
				width: 100%;
				font-size: 28px;
				font-weight: bold;
				text-transform: uppercase;


				.l{
					float: left;
				}
				.r{
					float: right;


				}
			}
			div.indtwo{
				font-size: 22px;
				margin-top: 20px;
			}


		}
		ul.InformationList{
			width: 100%;
			padding: 0 50px;
			>li{
				width: 50%;
				float: left;
				text-align: center;
				padding: 30px 40px;
				>a{
					display: block;
					>div.iconC{
						i{
							font-size: 90px;
							color: $zhutiColor;
						}

					}
					h3{
						font-size: 20px;
						color: #000;
						text-transform: uppercase;
						font-weight: bold;
					}
				}

			}
			>li:nth-child(2n){
				// text-align: left;
			}
		}
	}


	div.FinancialInformation{
		width: 100%;
		padding-top:20px;
		background-color:$zhutiColor;
		div.FinancialInformationSwiper{
			width: 100%;
			margin-top: 20px;
			height: 590px;
			.swiper-slide{
				width:360px;
				margin-left: 90px;
				text-align: center;
				color: $zhutiColor;

				div.indo{
					width: 100%;
					height: 460px;
					padding: 20px;
					background-color:#fff;
					div.infoC{
						width: 100%;
						height: 100%;
						padding-top:20px;
						border:2px solid $zhutiColor;
						div.head{
							font-size: 28px;
							line-height:40px;
							font-weight: bold;
							text-transform: uppercase;
						}
						div.iconC{
							height: 130px;
							>i{
								font-size: 70px;
								line-height:130px;
							}
						}
						p{
							font-size: 24px;
							line-height: 33px;
						}
					}
				}

				div.download{
					width: 100%;
					height: 120px;
					padding-top:30px;

					>a{
						display: block;
						width: 200px;
						height: 54px;
						background-color:#fff;
						color: $zhutiColor;
						margin:0 auto;
						border-radius:15px;
						line-height:54px;
						font-size: 18px;
						text-transform: uppercase;
						font-weight: bold;
					}
				}

			}
		}
	}

	div.DOWNLOAD{
		width: 100%;
		padding-top:40px;
		padding-bottom:40px;
		overflow: hidden;
		div.DOWNLOADlist{
			width: 100%;
			.swiper-DOWNLOADlist{
				width: 480px;
				height: 570px;
				overflow: visible;
				.swiper-slide{
					a{
						display: block;
						width: 366px;
						height: 480px;
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: -240px;
						margin-left: -183px;
						border:2px solid $zhutiColor;
						text-align: center;
						padding-top: 70px;
						transition: all 0.7s;
						transform: scale(1);
						.head{
							font-size: 26px;
							color: #000;
							font-weight: bold;
							text-transform: uppercase;
							color: $zhutiColor;
						}
						.iconC{
							height: 180px;
							line-height: 180px;
							i{
								font-size: 60px;
								line-height: 180px;
								color: $zhutiColor;

							}
						}
						p{
							font-size: 20px;
							color: #999;
							line-height: 40px;
						}
					}

				}
				.swiper-slide-active{
					a{
						transform: scale(1.1);
					}
				}
			}
		}
	}



	
}








section.newroom{
	div.ANNOUNCEMENTS{
		width: 100%;

		ul.ANNList{
			width: 100%;
			>li{
				width: 100%;
				margin-top: 40px;
				padding: 0 20px;
				width: 100%;
				display: block;
				div.timeCom{
					width: 175px;
					float: left;
					font-size: 24px;
					color: #000000;
					font-weight: bold;
				}
				div.RigCon{
					width: 530px;
					float: right;
					>a{
						display: block;
						width: 100%;
						font-weight: bold;
						>p{
							font-size: 24px;
							color: #2d2d2d;
							font-weight: bold;

						}
						span{
							display: block;
							color: #aeaeae;
							text-transform: uppercase;
							font-size: 24px;
							margin-top:20px; 
						}
					}

				}

			}
		}
		
	}




	div.video{
		width: 100%;
		padding:20px;
		margin-bottom: 60px;
		div.videoCon{
			width: 100%;
			height: 400px;
			>img{
				width: 100%;
			}
			video{
				width: 100%;
				height: 100%;
			}
		}
	}


	div.FeatureNews{
		width: 100%;
		background-color:$zhutiColor;
		margin-top: 30px;
		padding-top:20px;

		ul.FeatureNewsList{
			width: 100%;
			padding-bottom:20px;
			>li{
				padding:20px;
				>a{
					display: block;
					width: 100%;
					div.imgC{
						width: 310px;
						height: 208px;
						float: left;
						overflow: hidden;
						>img{
							width: 100%;
						}
					}
					div.word{
						width: 385px;
						color: #fff;
						float: right;
						div.head{
							font-size: 26px;
							@include line-clamp(1);


						}
						p{
							font-size: 24px;
							margin-top: 10px;
							@include line-clamp(4);
							width: 100%;

						}

					}
				}
			}
		}
	}
	div.photos{
		padding-top:20px;
		div.photosSwiper{

			width: 100%;
			height: 250px;
			.swiper-slide{
				width: 300px;
				height: 250px;
				margin-left: 20px;
				>a{
					display: block;
					width: 100%;
					>img{
						width: 100%;
					}

				}
			}
		}
	}

	

}


section.articlelist{
	div.FeatureNews{
		width: 100%;
		margin-top: 30px;
		padding-top:20px;
		min-height: 1000px;


		ul.ANNList{
			width: 100%;
			>li{
				width: 100%;
				margin-top: 40px;
				padding: 0 20px;
				width: 100%;
				display: block;
				div.timeCom{
					width: 175px;
					float: left;
					font-size: 24px;
					color: #000000;
					font-weight: bold;
				}
				div.RigCon{
					width: 530px;
					float: right;
					>a{
						display: block;
						width: 100%;
						font-weight: bold;
						>p{
							font-size: 24px;
							color: #2d2d2d;
							font-weight: bold;

						}
						span{
							display: block;
							color: #aeaeae;
							text-transform: uppercase;
							font-size: 24px;
							margin-top:20px; 
						}
					}

				}

			}
		}

		ul.FeatureNewsList{
			width: 100%;
			padding-bottom:20px;
			>li{
				padding:20px;
				>a{
					display: block;
					width: 100%;
					div.imgC{
						width: 310px;
						// height: 180px;
						float: left;
						// overflow: hidden;
						>img{
							width: 100%;
						}
					}
					div.word{
						width: 385px;
						color: #000;
						float: right;
						div.head{
							font-size: 26px;
							text-transform: uppercase;
							@include line-clamp(1);


						}
						p{
							color: #999;
							font-size: 24px;
							margin-top: 10px;
							@include line-clamp(4);
							width: 100%;

						}

					}
				}
			}
		}
	}

}



.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
.tcdPageCode a{display: inline-block;color: #82b540;display: inline-block;height: 50px;	line-height: 50px;	padding: 0 20px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #82b540;}
.tcdPageCode span.current{display: inline-block;height: 50px;line-height: 50px;padding: 0 20px;margin: 0 2px;color: #fff;background-color: #82b540;	border: 1px solid #82b540;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 50px;line-height: 50px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}








section.article{

	div.articleInfo{
		padding:20px 20px 60px;
		min-height:1000px;

		img.banner{
			width: 100%;
			margin-bottom: 20px;

		}
		div.head{
			font-size: 36px;
			color: #000;
			text-transform: uppercase;
		}
		div.time{
			font-size: 20px;
			margin-top: 15px;
			color: $zhutiColor;

			>i{
				font-size: 20px;
				color: #999;

			}

		}
		div.word{
			width: 100%;
			color: #999;
			font-size: 24px;
			margin-top: 30px;
			img{
				// display: block;
				max-width: 100%;
				// margin:20px auto;

			}
		}
	}
	

}



#wechatQRCode{
	position: fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	display:none;
	>img{
		margin: 350px auto;
		display: block;
		width: 400px;
	}
}